<nz-card [nzBordered]="false">
        <form nz-form [nzLayout]="'inline'">
                <standard-form-row [title]="'所属类目'" block style="padding-bottom: 11px;">
                        <nz-form-item>
                                <nz-form-control>
                                        <tag-select>
                                                <nz-tag *ngFor="let i of categories; let idx = index" nzMode="checkable" [nzChecked]="i.value"
                                                                (nzCheckedChange)="changeCategory($event, idx)">
                                                        {{i.text}}
                                                </nz-tag>
                                        </tag-select>
                                </nz-form-control>
                        </nz-form-item>
                </standard-form-row>
                <standard-form-row [title]="'其它选项'" grid last>
                        <nz-row [nzGutter]="16">
                                <nz-col nzXl="8" nzLg="10" nzMd="12" nzSm="24" nzXs="24">
                                        <nz-form-item>
                                                <nz-form-label nzFor="rate">活跃用户</nz-form-label>
                                                <nz-form-control>
                                                        <nz-select [(ngModel)]="q.user" name="user" [nzPlaceHolder]="'不限'" [nzShowSearch]="true"
                                                                             style="width: 200px;">
                                                                <nz-option [nzLabel]="'李三'" [nzValue]="'lisa'"></nz-option>
                                                        </nz-select>
                                                </nz-form-control>
                                        </nz-form-item>
                                </nz-col>
                                <nz-col nzXl="8" nzLg="10" nzMd="12" nzSm="24" nzXs="24">
                                        <nz-form-item>
                                                <nz-form-label nzFor="rate">好评度</nz-form-label>
                                                <nz-form-control>
                                                        <nz-select [(ngModel)]="q.rate" name="rate" [nzPlaceHolder]="'不限'" [nzShowSearch]="true"
                                                                             style="width: 200px;">
                                                                <nz-option [nzLabel]="'优秀'" [nzValue]="'good'"></nz-option>
                                                        </nz-select>
                                                </nz-form-control>
                                        </nz-form-item>
                                </nz-col>
                        </nz-row>
                </standard-form-row>
        </form>
</nz-card>
<nz-list [nzLoading]="loading" [nzRenderItem]="item" [nzDataSource]="list"
                 [nzGrid]="{gutter: 24, lg: 6, md: 8, sm: 12, xs: 24 }">
        <ng-template #item let-item>
                <nz-list-item>
                        <nz-card nzHoverable [nzCover]="cover">
                                <ng-template #cover>
                                        <img alt="{{item.title}}" src="{{item.cover}}">
                                </ng-template>
                                <nz-card-meta [nzTitle]="nzTitle" [nzDescription]="item.subDescription">
                                        <ng-template #nzTitle>
                                                <a (click)="msg.success('标题：' + item.id);">{{item.title}}</a>
                                        </ng-template>
                                </nz-card-meta>
                                <div class="card-item-content">
                                        <span class="text-grey">{{item.updatedAt | _date:'fn'}}</span>
                                        <avatar-list size="mini">
                                                <avatar-list-item *ngFor="let m of item.members" [src]="m.avatar"
                                                                                    [tips]="m.name"></avatar-list-item>
                                        </avatar-list>
                                </div>
                        </nz-card>
                </nz-list-item>
        </ng-template>
</nz-list>
